<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>怡荭书苑</title>
    <link rel="stylesheet" href="../css/common/base.css">
    <link rel="stylesheet" href="../css/mine.css">
    <!--<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>-->
    <!--<script>eruda.init();</script>-->
    <script>(function flexible(c,b){var h=b.documentElement;var d=c.devicePixelRatio||1;function g(){if(b.body){b.body.style.fontSize=(12*d)+"px"}else{b.addEventListener("DOMContentLoaded",g)}}g();function e(){var i=h.clientWidth/10;h.style.fontSize=i+"px"}e();c.addEventListener("resize",e);c.addEventListener("pageshow",function(i){if(i.persisted){e()}});if(d>=2){var f=b.createElement("body");var a=b.createElement("div");a.style.border=".5px solid transparent";f.appendChild(a);h.appendChild(f);if(a.offsetHeight===1){h.classList.add("hairlines")}h.removeChild(f)}}(window,document));</script>
</head>
<body>
<div class="mine-wrapper">
    <div class="head-wrapper">
        <div class="user-avatar-wrapper inline"></div>
        <div class="user-info-wrapper inline">
            <div class="name-and-vip">
                <div class="user-name inline"></div>
                    <div class="vip-detail inline">
                        <i class="vip-icon"></i>
                        到期时间: <span class="end-time"></span>
                    </div>
            </div>
            <div class="id-and-sign clearfix">
                <span class="fl id-num">ID:<span>111111</span></span>
                <span class="fr sing-btn tc border-1px-all"></span>
            </div>
        </div>
    </div>
    <div class="asset-wrapper clearfix">
        <div class="coin-wrapper fl tc">
            <p class="coin">1000</p>
            <p class="asset-name">我的书币</p>
        </div>
        <div class="gift-wrapper fr tc">
            <p class="gift">1000</p>
            <p class="asset-name">我的书券</p>
        </div>
    </div>
    <div class="content-wrapper">
        <div class="function coin-recharge border-1px" data-url="recharge.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">书币充值</div>
            <div class="right-wrapper inline">首充送豪礼~</div>
        </div>
        <div class="function vip border-1px" data-url="vip.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">开通VIP</div>
            <div class="right-wrapper inline">看书不要钱~</div>
        </div>
        <p class="split-line-wrapper"></p>
        <div class="function sign border-1px" data-url="sign.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">签到有礼</div>
            <div class="right-wrapper inline"></div>
        </div>
        <div class="function income border-1px" data-url="charge.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">充值记录</div>
            <div class="right-wrapper inline"></div>
        </div>
        <div class="function pay border-1px" data-url="consume.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">消费记录</div>
            <div class="right-wrapper inline"></div>
        </div>
        <div class="function exchange border-1px" data-url="exchange.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">兑换专区</div>
            <div class="right-wrapper inline"></div>
        </div>
        <p class="split-line-wrapper"></p>
        <div class="function bind-phone border-1px" data-url="bind.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">绑定手机</div>
            <div class="right-wrapper inline"><span>绑定即得 </span>50书币</div>
        </div>
        <div class="function feedback border-1px" data-url="feedback.html">
            <div class="left-wrapper inline"></div>
            <div class="center-wrapper inline">意见反馈</div>
            <div class="right-wrapper inline"></div>
        </div>
    </div>
    <p class="big-split-line"></p>
    <div class="bottom-nav-wrapper border-1px">
        <ul>
            <li class="inline shelf-li" data-url="./shelf.html">
                <div class="shelf-icon-wrapper"></div>
                <p>书架</p>
            </li>
            <li class="inline index-li" data-url="../index.html">
                <div class="index-icon-wrapper"></div>
                <p>首页</p>
            </li>
            <li class="inline rank-li" data-url="./classify.html">
                <div class="rank-icon-wrapper"></div>
                <p>分类</p>
            </li>
            <li class="inline mine-li" data-url="./mine.html">
                <div class="mine-icon-wrapper"></div>
                <p>我的</p>
            </li>
        </ul>
    </div>
</div>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/libs/common.js"></script>
<script src="../js/mine.js"></script>
</body>
</html>